<template>
  <div class="scroll-list-wrap">
  <cube-scroll
    ref="scroll"
    :data="items"
    :options="options"
    @pulling-down="onPullingDown"
    @pulling-up="onPullingUp">

<!--     <div class="item" v-for="(item,index) in msg">{{index}}</div>
 -->  </cube-scroll>
</div>
</template>

<script>

export default {
  data() {
    return {
        items:[0,1,2,3,4,5,6,7,8,9,10,11,12],
         options: {
              pullDownRefresh: {
                  threshold: 90,
                  stop: 40,
                  txt: '刷新成功'
              },                                // 配置下拉刷新 
              pullUpLoad: {
                  threshold: 0,
                  txt: {
                      more: '上拉加载更多',
                      noMore: '没有更多数据'
                  }
              }                                 // 配置上拉加载，若要关闭可直接 pullUpLoad：false
          },

    }
  },
  components: {
    
  },
  computed: {
  
  },
  methods: {
    // 获取数据
    // loadData(){
    //     api.allMsg({}).then(res=>{
    //         if(res.Code == 200){
    //             this.msg = res.Response; 
    //         }
    //     }).catch(err=>{
    //         console.log(err);
    //     });
    //     // this.msg = [1,2,3,4,5,6,7,8,9,10,11];
    // },
    // // 触发下拉刷新
    // onPullingDown(){
    //     console.log("下拉刷新");
    //     // 模拟更新数据
    //     setTimeout(() => {
    //         if (Math.random() > 0.5) {
    //             // 如果有新数据
    //             console.log('有新数据');
    //             this.msg.unshift(1);
    //         } else {
    //             // 如果没有新数据，调用 forceUpdate(), 显示成功文案，延迟 stopTime 时间完成刷新
    //             this.$refs.scroll.forceUpdate();
    //         }
    //     }, 1000)
    // },
    // // 触发上拉加载
    // onPullingUp() {
    //     console.log("上拉加载");
    //     // 模拟更新数据
    //     setTimeout(() => {
    //         if (Math.random() > 0.5) {
    //             // 如果有新数据
    //             let newPage = [1,2,3,4,5,6];
    //             console.log('有新数据');
    //             this.msg = this.msg.concat(newPage);
    //         } else {
    //             // 如果没有新数据
    //             this.$refs.scroll.forceUpdate();
    //         }
    //     }, 1000);
    // },

   onPullingDown() {
    // 模拟更新数据
    setTimeout(() => {
        if (Math.random() > 0.5) {
          // 如果有新数据
          this.items.unshift(_foods[1])
        } else {
          // 如果没有新数据
          this.$refs.scroll.forceUpdate()
        }
      }, 1000)
    },
    onPullingUp() {
      // 模拟更新数据
      setTimeout(() => {
        if (Math.random() > 0.5) {
          // 如果有新数据
          let newPage = _foods.slice(0, 5)
          this.items = this.items.concat(newPage)
        } else {
          // 如果没有新数据
          this.$refs.scroll.forceUpdate()
        }
      }, 1000)
    },
  }
}
</script>



